.bgImg[data-v-686b6344] {
    background-image: url(https://miqilin-blog.oss-cn-shenzhen.aliyuncs.com/bg-blog.png);
    width: 100%;
    height: 100vh;
    background-position: 50%;
    background-size: cover;
    position: relative;
    overflow: hidden
}

.bgImg .shouye-text[data-v-686b6344] {
    font-size: 32px;
    font-family: Roboto, sans-serif;
    width: 13em;
    white-space: nowrap;
    -webkit-animation: typing-data-v-686b6344 2.5s steps(13), infinite;
    animation: typing-data-v-686b6344 2.5s steps(13), infinite;
    overflow: hidden
}

.bgImg .line-down[data-v-686b6344] {
    font-size: 32px;
    font-family: Roboto, sans-serif;
    -webkit-animation: shine-data-v-686b6344 .5s linear infinite alternate;
    animation: shine-data-v-686b6344 .5s linear infinite alternate
}

.bgImg .arrow-down[data-v-686b6344] {
    position: absolute;
    bottom: 30px;
    color: #fff;
    -webkit-animation: arrowDown-data-v-686b6344 .8s linear infinite alternate;
    animation: arrowDown-data-v-686b6344 .8s linear infinite alternate
}

.bgImg .arrow-down .icon-down[data-v-686b6344] {
    cursor: pointer;
    font-size: 45px
}

@-webkit-keyframes arrowDown-data-v-686b6344 {
    0% {
        visibility: hidden;
        opacity: 0;
        -webkit-transform: translatey(-20%)
    }

    20% {
        visibility: visible;
        opacity: 0;
        -webkit-transform: translatey(10%)
    }

    to {
        visibility: visible;
        opacity: 1;
        -webkit-transform: translatey(20%)
    }
}

@keyframes arrowDown-data-v-686b6344 {
    0% {
        visibility: hidden;
        opacity: 0;
        -webkit-transform: translatey(-20%)
    }

    20% {
        visibility: visible;
        opacity: 0;
        -webkit-transform: translatey(10%)
    }

    to {
        visibility: visible;
        opacity: 1;
        -webkit-transform: translatey(20%)
    }
}

@-webkit-keyframes typing-data-v-686b6344 {
    0% {
        width: 0
    }

    to {
        width: 13em
    }
}

@keyframes typing-data-v-686b6344 {
    0% {
        width: 0
    }

    to {
        width: 13em
    }
}

@-webkit-keyframes shine-data-v-686b6344 {
    0% {
        visibility: hidden;
        opacity: 0
    }

    to {
        visibility: visible;
        opacity: 1
    }
}

@keyframes shine-data-v-686b6344 {
    0% {
        visibility: hidden;
        opacity: 0
    }

    to {
        visibility: visible;
        opacity: 1
    }
}

.post-container[data-v-686b6344] {
    max-width: 1024px;
    margin: 0 auto
}

.post-container .top[data-v-686b6344] {
    width: 270px;
    height: 250px
}

@media screen and (max-width:768px) {

    .line-down[data-v-686b6344],
    .shouye-text[data-v-686b6344] {
        font-size: 24px !important
    }
}